<template>
  <div class="backGround">
        <router-view />
  </div>
</template>

<script lang="ts">
export default {
  name: "Home",
};
</script>
<style>
.userInpnut {
  height: 300px;
  width: 400px;
  margin-top: 40px;
}
.backGround {
  width: 100%;
  height: 100%;
  background-image: url("../assets/loginBackGround.jpeg");
  background-repeat: no-repeat;
  background-position: center center;
  position: fixed;
  margin: 0;
      /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
      background-attachment: fixed;
    /* 让背景图基于容器大小伸缩 */
   background-size: cover;
}
</style>
